<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jstl/core">
<head>
<link rel="StyleSheet"
	href="#{request.contextPath}/recursos/css/jquery/ui/themes/ui.all.css"
	type="text/css" charset="UTF-8" />
<link rel="StyleSheet"
	href="#{request.contextPath}/recursos/css/itunes/jquery/jquery-ui-1.7.custom.css"
	type="text/css" charset="UTF-8" />
<link rel="StyleSheet"
	href="#{request.contextPath}/recursos/css/plc.geral.css"
	type="text/css" charset="UTF-8" />
</head>
<body>
Exemplo de página inicial para customização. Por default o jCompany
sugere uma página inicial com botões tipo quiosque para principais
transações e explicações sobre como se obter ajuda para a aplicação.
Esta pagina é um exemplo simples para customização, sem I18n.
<ui:composition template="/fcls/template/PlcGeralTemplate.xhtml">
	<ui:define name="plc-header-complemento">
		<style>
plc-botao {
	outline: 0;
	margin: 0 4px 0 0;
	padding: .4em 1em;
	text-decoration: none !important;
	cursor: pointer;
	position: relative;
	text-align: center;
	zoom: 1;
}

div.home {
	width: 100%;
	height: 450px;
	font-size: 80%;
}

div.home-coluna-esq {
	float: left;
	width: 35%;
	padding: 2px;
	margin-left: 10px;
}

div.home-coluna-dir {
	float: left;
	width: 60%;
	padding: 2px;
}

a.plc-botao-quiosque {
	outline: 0;
	margin: 4px 4px 0 0;
	padding: .4em 1em;
	text-decoration: none !important;
	width: 80%;
	height: 32px;
	font: bold 180% Arial, Tahoma, sans-serif;
	text-decoration: none;
	display: block;
}

div.home-titulo {
	font-weight: bold;
	font-size: 160%;
	margin: 10px 0 10px 0;
}

div.home-subtitulo {
	margin-bottom: 10px;
}

div.home-subtopico {
	float: left;
	margin-top: 10px;
}

div.home-subtopico-esq {
	width: 20px;
	vertical-align: middle;
	float: left;
	text-align: right;
}

div.home-subtopico-dir {
	margin-left: 25px;
	padding-left: 5px;
	border-left: 2px solid rgb(153, 153, 153);
	min-width: 400px;
}

div.home-subtitulo-rodape {
	margin: 200px 0 10px 20px;
}

div.home-browser-esq {
	float: left;
	margin-left: 10px;
	padding: 15px;
	vertical-align: left;
	vertical-align: text-top;
}

div.home-browser-dir {
	float: left;
	padding: 2px;
	vertical-align: middle;
}

div.home-subtitulo-rodape {
	margin: 200px 0 10px 20px;
}

div.home-browser-firefox {
	float: none;
	padding: 2px;
	line-height: 10px;
	position: relative;
	right: -2px;
}

div.home-browser-chrome {
	float: none;
	padding: 2px;
	line-height: 10px;
	position: relative;
	right: -4px;
}

div.home-browser-opera {
	float: none;
	padding: 2px;
	line-height: 10px;
	position: relative;
	right: -8px;
}

div.home-browser-ie {
	float: none;
	padding: 2px;
	line-height: 10px;
	position: relative;
	right: 14px;
}

div.home-browser-safari {
	float: none;
	position: relative;
	right: -8px;
	padding: 2px;
	line-height: 10px;
}

*+html div.home-subtitulo-rodape {
	margin: 100px 0 10px 20px !important;
} /*variação para IE 7 somente*/
</style>
	</ui:define>
	<ui:define name="plc-corpo">
		<div class="home">
		<div class="home-coluna-esq">
		<div class="home-titulo">Operações Frequentes</div>
		<div class="home-botao"><a
			href="#{request.contextPath}/f/inicial.xhtml"
			class="ui-state-default ui-corner-all plc-botao-quiosque">
		<div><img class="ui-state-default plc-imagem"
			style="border: none;"
			src="#{request.contextPath}/res/midia/home-quiosque-home.png" /></div>
		<div>Home</div>
		</a> <a href="#"
			onclick="document.getElementById('plc-acao-desconecta').click();"
			class="ui-state-default ui-corner-all plc-botao-quiosque">
		<div><img class="ui-state-default plc-imagem"
			style="border: none;"
			src="#{request.contextPath}/res/midia/home-quiosque-fim.png"></img></div>
		<div>Sair</div>
		</a></div>
		</div>
		<div class="home-coluna-dir">
		<div class="home-titulo">Demonstração jCompany</div>
		<div class="home-subtitulo">Esta aplicação reúne uma série de
		conceitos e padrões de implementação Java EE 6 inovadores. Para seu
		melhor entendimento, sugerimos que seja seguido o roteiro abaixo:</div>
		<div class="home-subtopico">
		<div class="home-subtopico-esq">1</div>
		<div class="home-subtopico-dir">Consulte a Ajuda On-Line do
		Eclipse ou clique <a
			href="http://www.powerlogic.com.br/powerlogic/ecp/comunidade.do?evento=portlet&amp;pIdPlc=ecpTaxonomiaMenuPortal&amp;app=portal&amp;tax=1020"
			target="new">aqui</a> para uma introdução geral sobre o jCompany
		Developer Suite e frameworks Open-Source de base utilizados para
		construir esta aplicação</div>
		</div>
		<div class="home-subtopico">
		<div class="home-subtopico-esq">2</div>
		<div class="home-subtopico-dir">Clique nos links a seguir para
		consultar documentação sobre algumas APIs chave do Java EE 6,
		utilizadas nesta aplicação: CDI 1.0 (<a
			href="http://jcp.org/en/jsr/detail?id=299"
			target="new">JSR 299</a>, <a href="http://seamframework.org/Weld"
			target="new">JBoss Weld 1.0</a>); Bean Validation 1.0 (<a
			href="http://jcp.org/en/jsr/detail?id=303" target="new">JSR 303</a>,
		<a href="http://www.hibernate.org/subprojects/validator.html"
			target="new">Hibernate Validator 4.0</a>); JPA 2.0 (<a
			href="http://jcp.org/en/jsr/detail?id=317" target="new">JSR 317</a>,
		<a href="http://in.relation.to/Bloggers/Hibernate351Final"
			target="new">Hibernate Core 3.5.1</a>); JSF 2.0 (<a
			href="http://jcp.org/en/jsr/detail?id=314" target="new">JSR 314</a>,
		<a href="http://myfaces.apache.org/trinidad/index.html" target="new">Apache
		Trinidad Alpha2</a>); JAX-RS 1.0 (<a
			href="http://jcp.org/en/jsr/detail?id=311" target="new">JSR 311</a>,
		<a href="http://www.jboss.org/resteasy" target="new">JBoss RESTEasy
		2.0</a>); JAX-WS 2.0 (<a href="http://jcp.org/en/jsr/detail?id=224"
			target="new">JSR 224</a>);</div>
		</div>
		<div class="home-subtopico">
		<div class="home-subtopico-esq">3</div>
		<div class="home-subtopico-dir">Abra os códigos fontes e
		estude-os. Esta aplicação utiliza basicamente código Java para
		Entidades de Domínio e regras de negócio. Todos os demais artefatos
		são generalizados via programação OO ou gerados (artefatos "não Java"
		como XHTML e rótulos)</div>
		</div>
		<div class="home-subtopico">
		<div class="home-subtopico-esq">4</div>
		<div class="home-subtopico-dir">Se, ainda assim, persistirem
		dúvidas, contate a Powerlogic utilizando o email <a
			href="mailto:suporte@powerlogic.com.br" target="new">suporte@powerlogic.com.br</a>.
		Descreva sua dúvida, informando versão e dados para contato.</div>
		<br />
		<hr />
		</div>
		<div class="home-subtitulo-rodape">Melhor visualização através
		dos navegadores abaixo (* Ou superior)</div>
		<div class="home-browser-esq"><a
			href="http://www.mozilla.com/en-US/firefox/"> <img
			style="border: 0pt none; margin: 2px; vertical-align: middle;"
			alt="Clique aqui para baixar este Navegador"
			src="#{request.contextPath}/res/midia/home-firefox.png" /> </a>
		<div class="home-browser-firefox">Firefox 2*</div>
		</div>


		<div class="home-browser-esq"><a
			href="http://www.google.com/chrome"> <img
			style="border: 0pt none; margin: 2px; vertical-align: middle;"
			alt="Clique aqui para baixar este Navegador"
			src="#{request.contextPath}/res/midia/home-chrome.png" /> </a>
		<div class="home-browser-chrome">Chrome</div>
		</div>

		<div class="home-browser-esq"><a
			href="http://www.opera.com/download/"> <img
			style="border: 0pt none; margin: 2px; vertical-align: middle;"
			alt="Clique aqui para baixar este Navegador"
			src="#{request.contextPath}/res/midia/home-opera.png" /> </a>
		<div class="home-browser-opera">Opera</div>
		</div>
		<div class="home-browser-esq"><a
			href="http://www.apple.com/br/safari/download/"> <img
			style="border: 0pt none; margin: 2px; vertical-align: middle;"
			alt="Clique aqui para baixar este Navegador"
			src="#{request.contextPath}/res/midia/home-safari.png" /> </a>
		<div class="home-browser-safari">Safari</div>
		</div>
		<div class="home-browser-esq"><a
			href="http://www.microsoft.com/downloads/Search.aspx?displaylang=pt-br">
		<img style="border: 0pt none; margin: 2px; vertical-align: middle;"
			alt="Clique aqui para baixar este Navegador"
			src="#{request.contextPath}/res/midia/home-ie.png" /> </a>
		<div class="home-browser-ie">Internet Explorer 7*</div>
		</div>
		</div>
		</div>
	</ui:define>
</ui:composition>
</body>
</html>
